<% layout('/layouts/default.html', {title: 'about', libs: ['validate']}){ %>

	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<!-- 优先使用 IE 最新版本和 Chrome -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<!-- 启用360浏览器的极速模式(webkit) -->
	<!-- <link rel="shortcut icon" type="image/ico" href="/favicon.ico"/> -->
	<!-- 添加 favicon icon -->
	<meta name="renderer" content="webkit">
	<meta name="design-width" content="750">
	<title>科室详情</title>
	<link rel="stylesheet" href="${ctxStatic}/css/public.css" />
	<link rel="stylesheet" href="${ctxStatic}/css/style.css">
	<script src="${ctxStatic}/js/font-size.js"></script>

	<div class="full-background">

		<header class="header">
			<div class="brand">
				<a class="a1" href="#">
					<img src="${ctxStatic}/img/296fa_0_442_68.png" alt="">
				</a>
			</div>
		</header>
		<!-- <header class="header">
			<div class="sub-title p0-40">
				<h1>上海市富乐静安诊所</h1>
				<a href="#">导航</a>
			</div>
		</header> -->
		
		<main class="main">
			<div class="path">
				<div class="left">
					<a href="#">${department.clinic.name}</a>><a href="#">${@DictUtils.getDictLabel('fl_department', department.department, '未知')}</a>
				</div>
				<a href="./appoinment_2.html" class="yy">预约</a>
			</div>
			<div class="top-text">
				${department.departmentDescription}
			</div>
			<div class="doctor-team">
				<h3>医师团队</h3>
				<div class="box">
					<ul>
						<% for(var doctor in doctorList){ %>
						<li>						 
							<div class="top-box">
								<div class="pic"><img src="img/d0416_1_138_138.png" alt=""></div>
								<div class="text">
									<strong><b>${doctor.name}</b><span>${@DictUtils.getDictLabel('fl_doctor_title', doctor.title, '未知')}</span></strong>
									<p><span>擅长：${@DictUtils.getDictLabels('fl_department', doctor.rooms, '未知')}</span><i></i></p>
								</div>
							</div>
							<div class="drop-text">
									${doctor.description}
							</div>
						</li>
						<% } %>
						
					</ul>
				</div>
			</div>
		</main>
	</div>
<% } %>
	<script src="${ctxStatic}/js/jquery.min.js"></script>
	<!-- <script src='js/js.js'></script> -->
	<script>
		$(".doctor-team .box ul li").click(function(event) {
			$(this).toggleClass('acti');
			if($(this).hasClass('acti')){
				$(this).find('.drop-text').slideDown();
				$(this).siblings().find('.drop-text').slideUp();
				$(this).siblings().removeClass("acti");
			}else{
				$(this).find('.drop-text').slideUp();
			}
		});
	</script>
</body>

</html>
